<template>
	<view class="u-p-l-40 u-p-r-40">
		<u-form :model="form" ref="uForm" :error-type="errorType">
			<u-form-item label="昵称" prop="name" required="">
				<u-input v-model="form.name" />
			</u-form-item>
		</u-form>
		<u-button @click="submit">提交</u-button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			errorType:['message'],
			form: {
				name: '',
				intro: '',
			},
			rules: {
				name: [
					{ 
						required: true, 
						message: '请输入姓名', 
						// 可以单个或者同时写两个触发验证方式 
						trigger: ['change','blur'],
					}
				],
			}
		};
	},
	onReady() {
		this.$refs.uForm.setRules(this.rules);
		this.form.name = this.vuex_user.name;
	},
	methods: {
		submit() {
			this.$refs.uForm.validate(async (valid) => {
				if (valid) {
					console.log()
					// 更新用户信息
					await this.$u.api.userInfoUpdata(this.form)
					// // 重新请求用户信息
					// const userInfo = await this.$u.api.userInfo()
					// // 缓存用户信息
					// this.$u.vuex('vuex_user', userInfo)
					
					// 刷新用户信息，更新vuex_user
					this.$u.utils.updataUser()
					this.$u.toast('更新成功')
				} else {
					console.log('验证失败');
				}
			});
		}
	},
};
</script>